<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding" style="z-index:99;">
			<a href="playingmethodlist.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="subnavbar sliding hidden" id="selfplaymethoddetail-subnav" style="top:0;">
		   <div class="buttons-row bg-white" style="width:100%;height: 44px;border-bottom:1px solid #d3d3d3;z-index:10;">
  		        <a href="#" class="button active" data-id="desc" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">行程描述</a>
  		        <a href="#" class="button" data-id="price" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">价格详情</a>
  	       </div>
    	</div>
  	</div>
</div>

<div class="pages">
	<div data-page="selfplayingmethoddetail" data-id="{{id}}" class="page" id="selfplayingmethoddetail">
	    <div class="toolbar" style="background-color: transparent;">
			<div class="toolbar-inner">
				<a href="#" class="button button-fill bg-green color-white remark" style="position: absolute;width: 50%;height: 30px;left: 0;bottom: 0;border-radius: 0;opacity: 0.8;" data-id="{{id}}">评价</a>
				<a href="#" class="button button-fill bg-green color-white msg" style="width: 60px;height: 60px;border-radius: 50px;z-index: 2;border: 2px solid #fff;text-align: center;line-height: 20px;padding-top: 8px;opacity: 0.9;margin: 0 auto 25px;" data-id="{{rev_id}}">联系<br>TA</a>
				<a href="#" class="button button-fill bg-green color-white order" style="width: 50%;position: absolute;left: 50%;height: 30px;bottom: 0;border-radius: 0;opacity: 0.8;" data-id="{{id}}">预定</a>									      
			</div>
		</div>
		<div class="page-content">
			<div class="div_selfplayingmethoddetailcontent">
				<!--part1-->
				<div  class="swiper-container swiper-selfplaydetail">
                    <div class="swiper-pagination swiper-pagination-selfplaydetail"></div>
                    <div class="swiper-wrapper">
                        {{#each images}}
                        <div class="swiper-slide imgslide" style="background-image:url('{{this}}')"></div>
                        {{/each}}
                    </div>
                </div>
				<!--part2-->
				<div class="bg-white" style="padding:15px 20px 10px 20px;">
					<div class="bold" style="font-size: 20px;">{{name}}</div>
					<div class="bold color-green yahei" style="font-size: 30px;">{{price}}/人</div>
					<div class="size_15"> {{days}}天 &nbsp;&nbsp;&nbsp;{{#each city}}{{this}}&nbsp;{{/each}}</div>
					<div class="color-gray">
						<div style="float: left;">已售出{{orders}}份</div>
						<div style="text-align: right;">192关注</div>
					</div>
				</div>
				<!--part3-->
				<div>
					<div class="card" style="margin:0px;">
						<div class="card-footer" style="justify-content:flex-start;">
							<img src="img/index/stick.png">
							<span class="size_15 yahei bold color-black">推荐理由</span>
						</div>
						<div class="item-text size_12 yahei color-black">
							<ul>
								{{selfplayingmethoddetailrecommend_format recommend}}
							</ul>
						</div>
					</div>		
				</div>	
			</div>
			<!--part4-->
			<div class="bg-white selfdesc hidden" style="margin-top:20px;">
			   <div style="height: 44px;width:100%;margin: 0 0 10px;">
			  	<div class="buttons-row bg-white" style="width:100%;height: 44px;border-bottom:1px solid #d3d3d3;z-index:10;">
			  	    <a href="#" class="button active" data-id="desc" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">行程描述</a>
			  		<a href="#" class="button" data-id="price" style="height: 100%;line-height: 44px;border-left: none;border-right: none;border-top: none;">价格详情</a>
			  	</div>
			  	<div class="loader" style="width:100%;text-align: center;padding: 10px 0;">
			        <span style="width:42px; height:42px" class="preloader"></span>
			    </div>
			   </div> 		
			   	
			   <div class="card" style="margin:0 0 10px;" id="desc">
			      	<div class="card-footer" style="justify-content:flex-start;">
			      	  <img src="img/index/stick.png">
			      	  <span class="size_15 yahei bold color-black">行程介绍</span>
			      	</div>
			      	<div class="list-block">
			          <ul>
			          </ul>
			        </div>
			   </div>
			   <div class="card" style="margin:0 0 10px;" id="price">
			      	<div class="card-footer" style="justify-content:flex-start;">
			      	  <img src="img/index/stick.png">
			      	  <span class="size_15 yahei bold color-black">价格详情</span>
			      	</div>
			      	<div class="list-block">
			          <ul>
			          </ul>
			        </div>
			   </div>
			   
			</div>
		</div>
	</div>
</div>
